<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html>
<html>

<head>
<title>首页</title>
<meta charset="utf-8">
<link href="${ctx}/css/framework/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="${ctx }/css/index.css">


</head>
<body>
	<c:import url="nav.jsp"></c:import>
	<div class="container">

		<ol class="breadcrumb">
			<li><a href="${ctx}/toHome">首页</a></li>
			<li class="active">天生我才</li>
		</ol>

		<div class="row grey">

			<div class="col-md-6">

				<div class="panel panel-default">
					<div class="panel-heading">
						<a href="match.html?match_id=${matchPhotoList[0].match_id}"> <img
							src="${matchPhotoList[0].cover}" width="520" height="420"></a>
					</div>
					<div class="panel-body"></div>

				</div>
			</div>

			<div class="col-md-5 col-md-offset-0-6">

				<div class="panel panel-default">
					<div class="panel-heading">
						<最新赛事> <a href="match_list.html" class="more">更多</a>
					</div>
					<div class="panel-body">
						<ul class="list-group">
							<c:forEach var="match" items="${matchPhotoList}">
								<li class="list-group-item"><a
									href="match.html?match_id=${match.match_id}" class="item_title">${match.match_name}...
								</a><span class="time">${match.create_date}</span></li>
							</c:forEach>
						</ul>
					</div>

				</div>
			</div>
			<div class="col-md-5 col-md-offset-0-6">

				<div class="panel panel-default">
					<div class="panel-heading">
						<往期回顾> <a href="report_list.html" class="more">更多</a>
					</div>
					<div class="panel-body">
						<ul class="list-group">
							<c:forEach var="report" items="${reportPhotoList}">
								<li class="list-group-item"><a
									href="report.html?report_id=${report.report_id }"
									class="item_title">${report.report_name }... </a><span
									class="time">${report.date}</span></li>
							</c:forEach>
						</ul>
					</div>

				</div>
			</div>

			<div class="row col-md-12">
				<c:forEach var="match" items="${matchPhotoList}">

					<div class="col-md-3 col-md-offset-0-8">

						<div class="panel panel-default">
							<div class="panel-heading">
								<a href="match.html?match_id=${match.match_id }"> <img
									src="${match.cover}" class="  img-rounded" height="170px"
									width="220px"></a>
							</div>
							<div class="panel-body">
								<p>${match.match_name}</p>
							</div>

						</div>
					</div>
				</c:forEach>
			</div>
		</div>

	</div>

	<c:import url="footer.jsp"></c:import>
	<script src="${ctx }/js/framework/bootstrap.min.js"></script>
	<script src="${ctx }/js/jquery.min.js"></script>
</body>

</html>